<template lang="pug">
  .mod_home
    .mod_item
      h4 任务提醒
      el-row
        el-col(:span="6")
          grids(:child-col-length="occupationColData.childColLength" :content="occupationColData.content")
        el-col(:span="6")
          grids(:child-col-length="signColData.childColLength" :content="signColData.content") 
        el-col(:span="6")
          grids(:child-col-length="dueColData.childColLength" :content="dueColData.content")
        el-col(:span="6")
          grids(:child-col-length="overdueColData.childColLength" :content="overdueColData.content")
      el-row
        el-col(:span="6")
          grids(:child-col-length="outColData.childColLength" :content="outColData.content")
        el-col(:span="6")
          grids(:child-col-length="repairColData.childColLength" :content="repairColData.content") 
        el-col(:span="6")
          grids(:child-col-length="complainColData.childColLength" :content="complainColData.content")
        el-col(:span="6")
          grids(:child-col-length="overdueContractColData.childColLength" :content="overdueContractColData.content")
      el-row
        el-col(:span="6")
          grids(:child-col-length="expireContractColData.childColLength" :content="expireContractColData.content")
        el-col(:span="6")
          grids(:child-col-length="tenantColData.childColLength" :content="tenantColData.content")
    .mod_item
      h4 运营统计
      el-row
        el-col(:span="12")
          grids(:is-col="outRoomColData.isCol" :title="outRoomColData.title" :child-col-length="outRoomColData.childColLength" :content="outRoomColData.content")
        el-col(:span="12")
          grids(:is-col="reserveColData.isCol" :title="reserveColData.title" :child-col-length="reserveColData.childColLength" :content="reserveColData.content")
      el-row
        el-col(:span="12")
          grids(:is-col="outRoomColData.isCol" :title="outRoomColData.title" :child-col-length="outRoomColData.childColLength" :content="outRoomColData.content")
        el-col(:span="12")
          grids(:is-col="reserveColData.isCol" :title="reserveColData.title" :child-col-length="reserveColData.childColLength" :content="reserveColData.content")
      el-row
        el-col(:span="12")
          grids(:is-col="outRoomColData.isCol" :title="outRoomColData.title" :child-col-length="outRoomColData.childColLength" :content="outRoomColData.content")
        el-col(:span="12")
          grids(:is-col="reserveColData.isCol" :title="reserveColData.title" :child-col-length="reserveColData.childColLength" :content="reserveColData.content")
</template>

<script>
  import Grids from '../components/common/grids'

  export default {
    data () {
      return {
        occupationColData: {
          childColLength: 2,
          content: [{
            title: '今日入住',
            data: 12
          },
          {
            title: '明日入住',
            data: 4
          }]
        },
        signColData: {
          childColLength: 3,
          content: [{
            title: '今日待签约',
            data: 12
          },
          {
            title: '明日待签约',
            data: 4
          },
          {
            title: '后日待签约',
            data: 4
          }]
        },
        dueColData: {
          childColLength: 1,
          content: [{
            title: '30天内待收账单',
            data: 12
          }]
        },
        overdueColData: {
          childColLength: 1,
          content: [{
            title: '逾期账单',
            data: 12
          }]
        },
        outColData: {
          childColLength: 2,
          content: [{
            title: '今日离店',
            data: 1
          },
          {
            title: '明日离店',
            data: 4
          }]
        },
        repairColData: {
          childColLength: 4,
          content: [{
            title: '今日报修',
            data: 12
          },
          {
            title: '待处理',
            data: 4
          },
          {
            title: '处理中',
            data: 4
          },
          {
            title: '超时',
            data: 4
          }]
        },
        complainColData: {
          childColLength: 4,
          content: [{
            title: '今日投诉',
            data: 12
          },
          {
            title: '待处理',
            data: 4
          },
          {
            title: '处理中',
            data: 4
          },
          {
            title: '超时',
            data: 4
          }]
        },
        overdueContractColData: {
          childColLength: 1,
          content: [{
            title: '逾期合同',
            data: 12
          }]
        },
        expireContractColData: {
          childColLength: 1,
          content: [{
            title: '30天内到期合同',
            data: 12
          }]
        },
        tenantColData: {
          childColLength: 2,
          content: [{
            title: '今日生日租客 ',
            data: 1
          },
          {
            title: '7天内生日租客',
            data: 4
          }]
        },
        outRoomColData: {
          isCol: false,
          title: '出房',
          childColLength: 2,
          content: [{
            title: '今日',
            data: '6'
          },
          {
            title: '本月',
            data: '13'
          }]
        },
        reserveColData: {
          isCol: false,
          title: '预定',
          childColLength: 2,
          content: [{
            title: '今日',
            data: '6'
          },
          {
            title: '本月',
            data: '13'
          }]
        },
        loading: true
      }
    },
    components: {
      Grids
    },
    computed: {

    },
    created () {

    },
    mounted () {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .mod_home {
    line-height: 1.5;
  }
</style>

